<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>My test page</title>
    <link href="styles/style.css" rel="stylesheet" />
    <script src="scripts/main.js" defer></script>
    <link
      href="https://fonts.googleapis.com/css?family=Open+Sans"
      rel="stylesheet" />
  </head>
  <body>
    <h1>主标题</h1>
    <h2>顶层标题</h2>
    <h3>子标题</h3>
    <h4>次子标题</h4>
    <span style="font-size: 32px; margin: 21px 0; display: block;">这是顶级标题吗？</span>
    <img src="images/hm.jpg" alt="My test image" width="600" />
    <p> class="text-muted">这是一个段落</p>
    <p> At Mozilla, we're a global community of</p>
    <ul>
      <li>豆浆</li>
      <li>油条</li>
      <li>豆汁</li>
      <li>焦圈</li>
    </ul>
    <ol>
      <li>沿这条路走到头</li>
      <li>右转</li>
      <li>直行穿过第一个十字路口</li>
      <li>在第三个十字路口处左转</li>
      <li>继续走 300 米，学校就在你的右手边</li>
    </ol>

  <h1>宫保鸡丁的做法</h1>
  <p>宫保鸡丁，川菜系中的传统名菜，由鸡丁、干辣椒、花生米等炒制而成。由于其入口鲜辣，鸡肉的鲜嫩配合花生的香脆，广受大众欢迎。</p>
  <p>相传宫保鸡丁是清朝光绪年间的署理四川总督丁宝桢所发明，是他招待客人时叫家厨煮的菜肴。由于丁宝桢后来被封为东宫少保（太子少保），所以被称为“丁宫保”，而这道菜亦被称为“宫保鸡丁”</p>

  <h2>原料</h2>
  <ul>
    <li>去骨鸡胸肉：一斤八两</li>
    <li>干红辣椒：八钱</li>
    <li>炸花生米：一两五钱</li>
    <li>花椒粒：两大匙</li>
    <li>葱：两根（切段）</li>
    <li>蛋白：一个</li>
    <li>淀粉：三大匙</li>
    <li>酱油：两大匙</li>
    <li>蒜末：半茶匙</li>
    <li>糖：半茶匙</li>
    <li>白醋：一茶匙</li>
    <li>色拉油：适量</li>
    <li>盐：两茶匙</li>
  </ul>

  <h2>做法</h2>
  <ol>
    <li>
      先用蛋白一个、盐半茶匙及淀粉两大匙搅拌均匀，调成“腌料”，鸡胸肉切成约一厘米见方的碎丁并用“腌料”搅拌均匀，腌渍半小时。
    </li>
    <li>
      用酱油一大匙、淀粉水一大匙、糖半茶匙、盐四分之一茶匙、白醋一茶匙、蒜末半茶匙调拌均匀，调成“综合调味料”。
    </li>
    <li>
      鸡丁腌好以后，色拉油下锅烧热，先将鸡丁倒入锅内，用大火快炸半分钟，炸到变色之后，捞出来沥干油汁备用。
    </li>
    <li>
      在锅里留下约两大匙油，烧热后将切好的干辣椒下锅，用小火炒香后，再放入花椒粒和葱段一起爆香。随后鸡丁重新下锅，用大火快炒片刻后，再倒入“综合调味料”继续快炒。
      <ul>
        <li>
          如果你采用正宗川菜做法，最后只需加入花生米，炒拌几下就可以起锅了。
        </li>
        <li>如果你在北方，可加入黄瓜丁、胡萝卜丁和花生米，翻炒后起锅。</li>
      </ul>
    </li>
  </ol>

  <h2>大千鸡</h2>
  <p>张大千居加拿大期间，曾按自己喜好改变宫保鸡丁的做法，并传授当地厨师，厨师将之命名为“大千鸡”，以兹纪念。大千鸡与宫保鸡丁不同之处，是使用经细工去皮、出骨、剔膜的鸡腿肉，以干辣椒、豆瓣酱为味，而且不用花生。</p>


  <p>我很<em>庆幸</em>你没有<em>迟到</em>。</p>
  <p>这杯液体<strong>毒性很大</strong>。</p>
  <p>
    这杯液体<strong>毒性很大</strong>——如果饮用了它，你<strong>可能<em>会死</em></strong>。
  </p>

    <p><em>working <strong>kexin</strong> together…</em></p>
    <a title="The Mozilla homepage" target="_blank" href="https://www.mozilla.org/zh-CN/about/manifesto/">
      Mozilla Manifesto
    </a>
    <button>Change user</button>
    <p>A link to my <a href="https://www.mozilla.org/" title="The Mozilla homepage" target="_blank">favorite website</a>.</p>
    
    <!-- 使用 disabled 属性来防止终端用户输入文本到输入框中 -->
    <input type="text" disabled />

    <!-- 下面这个输入框不包含 disabled 属性，所以用户可以向其中输入 -->
    <input type="text" />

    <p>HTML 中用 &lt;p&gt; 来定义段落元素</p>
  </body>
</html>
